<!-- index 首页 -->
<template>
  <div class="page">

    <!-- 前台页面 header 组件 -->
    <walletHeader></walletHeader>

    <!-- 官网标题 -->
    <HomeSlogan></HomeSlogan>

    <!-- BlockWatch 介绍 -->
    <HomeBlockWatchIntroduce></HomeBlockWatchIntroduce>

    <!-- 快速接入 BlockWatch -->
    <HomeQuickAccess></HomeQuickAccess>

    <!-- BlockWatch, 一路同行，共创未来 -->
    <HomeWalkingTogether></HomeWalkingTogether>

    <!-- 前台页面 footer 组件 -->
    <walletFooter></walletFooter>

  </div>
</template>

<script setup>
// 页面组件
// 导入前台页面 header 组件
import walletHeader from '@/components/common/walletHeader.vue';
// 导入首页 官网标题组件
import HomeSlogan from '@/components/pages/home/HomeSlogan.vue';
// 导入首页 介绍组件
import HomeBlockWatchIntroduce from '@/components/pages/home/HomeBlockWatchIntroduce.vue';
// 导入首页 快速接入组件
import HomeQuickAccess from '@/components/pages/home/HomeQuickAccess.vue';
// 导入首页 结尾升华组件
import HomeWalkingTogether from '@/components/pages/home/HomeWalkingTogether.vue';
// 导入前台页面 footer 组件
import walletFooter from '@/components/common/walletFooter.vue';

</script>

<style lang="less" scoped>
@media (max-width: 600px) {
  .page {
    width: 90%;
    margin: 0 auto;
  }
}
</style>
